
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <style>
    .highlight {
        background: yellow;
    }
    
</style>
</head>

<body>
    <div>
        <input type="checkbox" name="aa" value="0" />0
        <input type="checkbox" name=" aa " value="1" />1
        <input type="checkbox" name=" aa " value="2" />2
        <input type="checkbox" name=" aa " value="3" />3
        <input type="button" onclick="abc()" value="提 交" />
        <div id="allselect"></div>
    </div>
</body>
<script>
    //   用jQuery编程实现获取选中复选框值

    function abc() {
        const arr = [];
        $(":checked").each(function (i) {
            arr[i] = $(this).val();
        })
        var val = arr.join(",");
        $("#allselect").text("选中的值= " + val)

    }

</script>
<div>
        <form name="a">
            <select name="a" size="1" onchange="_sel(this)">
            <option value="a">1</option>
            <option value="b">2</option>
            <option value="c">3</option>
            </select>
        </form>
    </div>
    <script>
        //实现sel函数显示当前选项的文本和值
        function _sel(){
            $("div div").remove()
            var val = $(":selected").val()
            var text =  $(":selected").text()
            var div1 = document.createElement("div");
            var div = document.querySelector("div");
            div.appendChild(div1);
            $("div div").append("当前选项的文本= " + text + " 值= " + val )
           
           
        }
    </script>
    <div>
        用户名：<input type="text" id="username"/><br/>
        密  码：<input type="password" id="password"/><br/>
       确认密码：<input type="password" id="password1"/><br/>
        <button id="btnSubmit" type="button">提交</button><br/>
    </div>
    <script>
        //要求用jQuery完成:  点击id为btn的按钮
        //a.判断id为username的输入是否为空，如果为空，则弹出“用户名不能为空”的提示。
        //b.判断id为password的输入字符串个数是否小于6位，如果小于6位，则弹出“你输入的密码长度不可以少于6位”的提示
        $(function(){
            $("#btnSubmit").click(function(){
                //验证账号
                if($("#username").val() == ""){
                    alert("用户名不能为空");
                }else{
                    //验证密码
                    var regExp = /\w{6}/;
                    if(!regExp.test($("#password").val())){
                        alert("你输入的密码长度不可以少于6位")
                    }
                }
            })
        })
    </script>
    <table>
        <tr>
            <td>留言</td>
            <td id="number"> 0 </td>
        </tr>
        <tr>
            <td colspan=2>
                <textarea id="feedBack" onkeyup="test()" rows=6></textarea>
            </td>
        </tr>
    </table>
    <script>
        // 在下面的HTML文档中，编写函数test(), 实现如下功能：
        // （1）当多行文本框中的字符数超过20个，只截取20个字符
        // （2）在id为number的td中显示文本框的字符个数
        function test() {
            var text = $("#feedBack").val();
            var length = text.length;
            //console.log(text);
            $("#number").text(length)
            if (length > 20) {
                $("#feedBack").val(text.slice(0,20));
                $("#number").text(20)
            }

        }
    </script>
    

<body>
    <input id="txt" type="text">&nbsp;
    <button id="btn" onclick=" ">获取</button>&nbsp;
    <button id="btn1" onclick=" ">取消高亮</button><br>
    <span
        id="target">11月21日0-24时，31个省（自治区、直辖市）和新疆生产建设兵团报告新增确诊病例2225例。其中境外输入病例80例（广东35例，福建12例，重庆6例，云南6例，上海5例，浙江4例，四川3例，陕西3例，天津2例，湖南2例，内蒙古1例，江苏1例），含7例由无症状感染者转为确诊病例（浙江4例，福建1例，
        四川1例，陕西1例）；本土病例2145例（广东781例，北京274例，四川240例，重庆178例，
        云南147例，山西89例，内蒙古77例，河南75例，江苏51例，浙江37例，黑龙江28例，
        陕西23例，辽宁22例，山东22例，新疆19例，甘肃14例，贵州13例，湖南11例，福建10例，
        湖北9例，河北5例，海南5例，上海4例，广西3例，青海3例，安徽2例，西藏2例，天津1例），
        含592例由无症状感染者转为确诊病例（广东434例，重庆38例，四川24例，浙江20例，甘肃14例，
        北京12例，内蒙古7例，湖南7例，江苏6例，陕西6例，山西4例，辽宁4例，黑龙江4例，福建3例，
        河南3例，广西2例，青海2例，安徽1例，云南1例）。新增死亡病例2例，均为本土病例
        （河南1例，四川1例）；无新增疑似病例。</span>

<script>
    //高亮
    $("#btn").click(function () {
        $(".highlight").css("background-color", "white")
        var txt = $("#txt").val();
        var target = $("#target").html();
        //判断txt是否存在
        if (target.indexOf(txt) != -1) {
            var regExp = new RegExp(txt, "g");
            var a = target.replace(regExp, "<span class='highlight'>" + txt + "</span>");
            $("#target").html(a)
        }
         
    })
    //取消高亮
    $("#btn1").click(function () {
        $(".highlight").css("background-color", "white")
    })
</script>
</html>